﻿<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8" />
    <title>表单</title>
    <!--jQuery-->
    <script src="@Url.Scrpit("~/Scripts/vendor/jQuery/jquery-2.2.3.min.js")"></script>

    <!--bootstrap-->
    <link href="@Url.Scrpit("~/Scripts/vendor/bootstrap/css/bootstrap.min.css")" rel="stylesheet">
    <script src="@Url.Scrpit("~/Scripts/vendor/bootstrap/js/bootstrap.min.js")"></script>
    <script src="@Url.Scrpit("~/Scripts/vendor/bootstrap/js/bootstrap-BtnBuilder.js")"></script>

    <!--bootstrap-table-->
    <link href="@Url.Scrpit("~/Scripts/vendor/bootstrap-table/bootstrap-table.min.css")" rel="stylesheet">
    <script src="@Url.Scrpit("~/Scripts/vendor/bootstrap-table/bootstrap-table.min.js")"></script>
    <script src="@Url.Scrpit("~/Scripts/vendor/bootstrap-table/bootstrap-table-zh-CN.min.js")"></script>

    <!--bootstrap-select-->
    <link href="@Url.Scrpit("~/Scripts/vendor/bootstrap-select/bootstrap-select.min.css")" rel="stylesheet">
    <script src="@Url.Scrpit("~/Scripts/vendor/bootstrap-select/bootstrap-select.js")"></script>
    @*<script src="@Url.Scrpit("~/Scripts/vendor/bootstrap-select/bootstrap-select-extends.js")"></script>*@
    <script src="~/Scripts/vendor/bootstrap-select/bootstrap-select-extends.js"></script>
    <script src="@Url.Scrpit("~/Scripts/vendor/bootstrap-select/defaults-zh_CN.min.js")"></script>

    <!--bootstrap-validator-->
    <script src="@Url.Scrpit("~/Scripts/vendor/bootstrap-validator/validator.min.js")"></script>

    <!--bootstrap-datetimepicker-->
    <link href="@Url.Scrpit("~/Scripts/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css")" rel="stylesheet">
    <script src="@Url.Scrpit("~/Scripts/vendor/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js")"></script>
    <script src="@Url.Scrpit("~/Scripts/vendor/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js")"></script>

    <!--layer-->
    <script src="@Url.Scrpit("~/Scripts/vendor/layer/layer.js")"></script>
    <script src="@Url.Scrpit("~/Scripts/vendor/layer/layer-extends.js")"></script>

    <!--fx-->
    <script src="@Url.Scrpit("~/Scripts/util/util.js")"></script>
</head>
<body>
    <div style="padding:15px;padding-right:45px;">
        <form id="form" class="form-horizontal" role="form">
            <div class="form-group form-group-sm">
                <label class="col-sm-2 control-label">连接名</label>
                <div class="col-sm-5">
                    <input name="LinkName" type="text" class="form-control" required>
                    <div class="help-block with-errors"></div>
                </div>
            </div>
            <div class="form-group form-group-sm">
                <label class="col-sm-2 control-label">角色</label>
                <div class="col-sm-5">
                    <select id="roleList" class="selectpicker form-control" multiple name="roleList" data-style="btn-default btn-sm">
                        <option value="">aaaaa</option>
                        <option value="5552">a555aa</option>
                        <option value="5556">a1111aa</option>
                    </select>
                    <div class="help-block with-errors"></div>
                </div>
            </div>
            <div class="form-group">
                <button id="submit" type="submit" class="hidden">提交</button>
            </div>
        </form>
    </div>

    <script>
    $(function () {
        $('#roleList').selectpicker({
            url: '/Base_SysManage/Base_User/GetDataList_NoPagin',//远程地址
            value: 'Admin',//初始化值,字符串或字符串数组
            liveSearch: true,//搜索
            valueField: 'Id',
            textField: 'RealName'
        });
    });
    </script>
</body>
</html>



